<template>
  <el-select
    class="inputColorBlack"
    v-model="orderBy"
    @change="change"
    size="mini"
    style="width: 100px"
    popper-class="select-popper"
  >
    <el-option :value="0" label="汇总"></el-option>
    <el-option :value="1" label="按日"></el-option>
    <el-option :value="4" label="按周"></el-option>
    <el-option :value="2" label="按月"></el-option>
    <el-option :value="3" label="按年"></el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      orderBy: 0,
    };
  },
  methods: {
    change(val) {
      this.$store.commit("setorderBy", val);
    },
  },
};
</script>

<style lang="less" scoped>
//输入框
/deep/.el-input--mini .el-input__inner {
  background-color: #071b40;
  color: #fff;
}
</style>
